<html>
	<head>
		<link rel="stylesheet" type="text/css" href="${h.css('default.css')}"/>
		<script type="text/javascript" src="${h.js('jquery-1.4.2.min.js')}"></script>
		<script type="text/javascript" src="${h.js('jquery.form.js')}"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.send-form').ajaxForm(function() {
					window.close();
				});
			})
		</script>
	</head>
	<body>
		<form class="send-form" method="post">
			<table class="messaging-table">
				<tr>
					<td>
						<span class="send-form-whom">
							<span>${_('Whom')}:</span>
							<span class="send-form-user">${c.recipient}</span>
						</span>
					</td>
				</tr>
				<tr>
					<td>
						% for message in c.messages:
						<span class="recent-messages-time">(${message.message.created})</span>
						<span class="recent-messages-text">${message.message}</span><br/>
						% endfor
					</td>
				</tr>
				<tr>
					<td class="send-form-text">
						<textarea class="send-form-text" name="text" cols="20" rows="5"></textarea>
					</td>
				</tr>
				<tr>
					<td>
						<div class="send-form-button">
							<input id="send-message-button" class="submit-button" type="submit" value="${_('Send')}"/>
						</div>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>